<?php
    require_once '../frm/init.php';
    Ftl_Header::setCharsetEncoding();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Login</title>
<!-- css -->
<!--link href="../../frm/rec/css/LoaderCss.php" rel="stylesheet" type="text/css" /-->
<link type="text/css" href="css/bo.css" rel="stylesheet" />
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
<!-- jquery -->
<script language="javascript" type="text/javascript" src="js/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="js/JS.js"></script>

</head>
<body>
<script language="javascript" type="text/javascript">
log('<--------- Cargo los modulos -------------->');
JS.cargarModulos('./js/','UI,Form');
log('<--------- Cargue los modulos -------------->');

$(document).ready(function(){
        log('<--------- ready -------------->');
		
        $("#button").button();

        $('#formulario').ajaxForm({
                url         : './ajax/login.php',
                type        : 'POST',
                dataType    : 'json',
		beforeSubmit: validate,
		success     : hecho
	});
	log('<--------- fin ready -------------->');
});

function hecho(data){
   	UI.removeLoader('#button');
    
	if (data){
            switch(data.estado){
                case 1:
                    JS.redirect('usuarios.php');
                    break;
                case 0:
                    UI.alert('No existe el usuario',{title:'Datos incorrectos'});
                    break;
            }

        }
}



function validate(formData, jqForm, options) {
    var error = "";

	
    UI.setLoader('button', {sImgPath:'css/ajax-loader.gif'});
	
    var form = jqForm[0];



    var campos = {
            fields: [
                {
                    nombre:"txtUsuario",
                    tipo: "",
                    mensajeVacio: "Por favor, ingresá tu usuario.",
                    mensajeErroneo: ""
                },
                {
                    nombre:"txtPass",
                    tipo: "",
                    mensajeVacio: "Por favor, ingresá tu password.",
                    mensajeErroneo: ""
                }
            ]

    };

    if(!$.fn.validar(campos))
    {
        UI.alert(campos.message,'<p>@</p>',{title:'Atención'});
    	UI.removeLoader('button');
		debug(campos);
        return false;
    }
    else
        return true;

}
</script>
    
    <div id="valign">
	
<div id="formLogin" class="ui-widget ui-widget-content ui-corner-all" >

    <div class="ui-widget-header cabezal">Login de usuario</div>
    <form id="formulario">
        <label for="usuario" >Usuario
            <span class="small">Introduce tu usuario</span>
   	</label>
        <input type="text" name="txtUsuario" id="txtUsuario" />
        <label for="password">Password
            <span class="small">Introduce tu password</span>
        </label>
        <input type="password" name="txtPass" id="txtPass" />

        <span id="divbutton">
            <button type="submit" id="button" >Entrar</button>
        </span>
	<input type="hidden" name="accion" id="accion" value="login"  />
        <div style="clear:both;"></div>
    </form>
</div>
        </div>
<div id="dialogBox"></div>
</body>
</html>